.input{
    border: none;
    :global{
        .ant-input-group-addon{
            border: none;
            border-bottom: 1px solid #EAEAEA;
            border-radius: 0;
            background: #fff;
            font-size: 16px;
        }
        .ant-input {
            font-size: 16px;
            border: none;
            border-radius: 0px;
            border-bottom: 1px solid #EAEAEA;
            &:hover{
                border-color: #3094fa;
            }
            &:focus{
                border-color: #3094fa;
                box-shadow: none;
            }
        }
        .ant-input-password-icon:hover{
            color: #ABB2C2;
        }
        .ant-input-affix-wrapper{
            font-size: 16px;
        }
            // border: none;
            // border-radius: 0px;
            // border-bottom: 1px solid #EAEAEA;
    }
}
.loginCard{
    box-shadow: 0 0 10px 0 rgba(0,141,255,0.40);
    width: 452px;
    height: 580px;
    position: absolute;
    left: 50%;
    border-radius: 4px;
    top: 50%;
    transform: translate(-50%, -50%)
}
.logo{
    margin: 30px auto 50px;
    display: block;

}
.submitBtn{
    font-size: 18px;
    background: #008DFF;
    border: 1px solid #1890FF;
    border-radius: 4px;
    height: 44px;
}
.error{
    -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;    
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-21 17:57:5
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
 @-webkit-keyframes shake-horizontal {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
    }
    80% {
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
    }
    90% {
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
    }
  }
  @keyframes shake-horizontal {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
    }
    80% {
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
    }
    90% {
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
    }
  }
  